<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <f:facet name="first">
            <meta http-equiv="X-UA-Compatible" content="IE=edge" />
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
            <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
            <meta name="apple-mobile-web-app-capable" content="yes" />
        </f:facet>
        <title><ui:insert name="title">PrimeFaces Spark</ui:insert></title>
        <h:outputScript library="spark-layout" name="js/layout.js"/>
        <h:outputScript name="js/locales_zh.js"/>
        <ui:insert name="head"/>
    </h:head>
    <h:body>
        <h:outputStylesheet library="spark-layout" name="css/core-layout.css"/>
        <h:outputStylesheet library="spark-layout" name="css/animate.css"/>
        <h:outputStylesheet library="spark-layout" name="#{themeView.layoutCss}"/>

        <div id="menu-mask"/>

        <ui:insert name="topbar">
            <ui:include src="topbar.xhtml"/>
        </ui:insert>

        <ui:insert name="layoutmenu">
            <ui:include src="layoutmenu.xhtml"/>
        </ui:insert>

        <div id="layout-portlets-cover">

            <ui:insert name="content"/>

            <ui:insert name="footer">
                <!-- FOOTER  -->
                <div class="layout-portlets-box">
                    <div class="Container100" style="" id="footerlinks">
                        <a href="#" class="DispInlBlock FontSourceSansLight blue Fs12 Fleft ">TERMS OF CONDITIONS</a>
                        <span class="Fleft gray Fs12" style="padding:0px 5px;">|</span>
                        <a href="#" class="DispInlBlock FontSourceSansLight blue Fs12 Fleft ">SITEMAP</a>
                        <span class="Fleft gray Fs12" style="padding:0px 5px;">|</span>
                        <a href="#" class="DispInlBlock FontSourceSansLight blue Fs12 Fleft ">PRIVACY</a>
                        <span class="Fleft gray Fs12" style="padding:0px 5px;">|</span>
                        <a href="#" class="DispInlBlock FontSourceSansLight blue Fs12 Fleft ">LINKING POLICY</a>

                        <div class="EmptyBox10 ShowOnMobile"/>
                        <span class="DispInlBlock FontSourceSansLight gray Fs12 Fright  TexAlRight FloatNoneOnMobile"> PrimeFaces Spark  |  All rights reserved.</span>
                    </div>

                    <div class="EmptyBox10"/>

                    <div class="Container50 Responsive100">
                        <h:graphicImage value="#{resource['spark-layout:images/LOGO.svg']}" style="height:20px;"/>
                        <div class="EmptyBox10"/>
                        <span class="DispBlock Wid100 FontSourceSansLight gray Fs12 ">+1 888 123 4567 <br /> info@sparkspark.com</span>
                    </div>
                    <div class="Container50 Responsive100">
                        <div class="DispInlBlock Fright">
                            <a href="#layout-footer" class="blue Fs30"><i class="fa fa-facebook-square"/></a>
                            <a href="#layout-footer" class="blue Fs30"><i class="fa fa-twitter-square"/></a>
                            <a href="#layout-footer" class="blue Fs30"><i class="fa fa-linkedin-square"/></a>
                            <a href="#layout-footer" class="blue Fs30"><i class="fa fa-google-plus-square"/></a>
                        </div>
                    </div>
                </div>
            </ui:insert>
        </div>

        <ui:insert name="widgets">
            <p:ajaxStatus style="width:32px;height:32px;position:fixed;right:7px;bottom:7px">
                <f:facet name="start">
                    <p:graphicImage value="#{resource['spark-layout:images/preloader.gif']}"/>
                </f:facet>
                <f:facet name="complete">
                    <h:outputText value=""/>
                </f:facet>
            </p:ajaxStatus>
        </ui:insert>
    </h:body>
</html>
